﻿<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>关于我们-上海耀微科技</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="shortcut icon" type="image/png" href="favicon.png">
		<!---<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">--->
		<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
		<link rel="stylesheet" href="css/font-awesome.css" type="text/css" />
		<link rel="stylesheet" href="css/style.css" type="text/css" />
		<!--[if IE]>
		<script src="js/html5.js"></script>
		<![endif]-->
	</head>
	<body>
		<div id="page-preloader"><span class="spinner"></span></div>
		<header th:replace="www/header :: myheader"  ></header>
		<!-- header -->
		<div class="breadcrumbs-wrapper">
			<ul class="breadcrumbs">
				<li><a href="index.html" class="home"><i class="fa fa-home" aria-hidden="true"></i></a></li>
				<li><a>关于我们</a></li>
			</ul>
		</div>
		<!-- breadcrumbs-wrapper -->
		<section class="content-wrapper">
			<div class="container">
				<div class="title">
					<h1>关于我们</h1>
				</div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales blandit nisi, eu molestie nulla facilisis nec. Nunc vitae lacus vitae enim volutpat suscipit. Vestibulum sed elit dui. Nam eget sodales sapien. In viverra, sapien non accumsan laoreet, felis tellus maximus sapien, ac eleifend diam tellus ut nunc. Duis quis sodales velit, vitae gravida ipsum. Proin ut nisi sagittis, aliquet nulla id, condimentum nulla. Vivamus lacinia nibh ut tempor porttitor. Integer lacinia libero at lacinia dictum. Curabitur sed elit molestie, tincidunt tellus ac, ornare enim.</p>
				<p>Praesent dapibus posuere blandit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed varius ante id augue faucibus mollis. Vivamus a pretium purus. Curabitur blandit interdum augue, vitae consequat justo interdum eu. Etiam rhoncus mi quis nunc eleifend, scelerisque sagittis ex tempor. Fusce mauris purus, imperdiet id iaculis viverra, aliquam id ligula. Quisque dapibus ultrices lectus, sed maximus nisi. Nulla eget orci ac massa ultrices volutpat id sed dolor. In eget tincidunt neque, non posuere mi. Duis ullamcorper, turpis non pharetra tempor, leo erat porttitor metus, a fermentum tortor augue id ligula. Nulla at euismod turpis. Nunc vitae turpis lacus. Integer fermentum sapien nibh, eget tincidunt est convallis id. Sed vel pharetra erat. Duis quis purus id sem bibendum commodo.</p>
				<div class="clear team-wrap" style="display:none;">
					<h3>我们是谁</h3>
					<div class="row">
						<article class="col-md-4 team-item">
							<div class="img">
								<img src="img/img10.jpg" alt="">
							</div>
							<div class="team-text">
								<h4>Liu Xinyou</h4>
								<p>2004-2010 就职于上海欣丰电子有限公司。2010至今 就职于诺基亚上海贝尔股份有限公司。十多年软硬件方面的研发工作经历。2004年，手机端增值业务系统。2006年，负责硬件研发电子流程系统开发。2009年，参与重构硬件研发元器件平台。2010年，参与gDMS全球研发管理系统开发和部署。2012年，主导基于虚拟化云计算的公共能力中心硬件研发平台建设。2016年，主导航天发动机AR维修检测醒目研发。2017年，主导easyparking车牌图像识别项目研发。2018年，负责无线路由器测试系统的研制。2019年，参与区块链中国链的构架和研发工作。涉猎通信，移动互联网，物联网，虚拟化，云计算，区块链，人工智能等多方面。 </p>
								<div class="spec">Web-Designer</div>
								<ul class="social">
									<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
								</ul>
							</div>
						</article>
						<article class="col-md-4 team-item">
							<div class="img">
								<img src="img/img9.jpg" alt="">
							</div>
							<div class="team-text">
								<h4>Nathan Lee</h4>
								<p>Quisque vulputate facilisis quam, a fringilla purus varius at. Aliquam ut sodales quam, imperdiet condimentum elit. Fusce ac pharetra augue. </p>
								<div class="spec">Front-end Developer</div>
								<ul class="social">
									<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
								</ul>
							</div>
						</article>
						<article class="col-md-4 team-item">
							<div class="img">
								<img src="img/img11.jpg" alt="">
							</div>
							<div class="team-text">
								<h4>Jack Maroon</h4>
								<p>Quisque vulputate facilisis quam, a fringilla purus varius at. Aliquam ut sodales quam, imperdiet condimentum elit. Fusce ac pharetra augue. </p>
								<div class="spec">Back-end Developer</div>
								<ul class="social">
									<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
								</ul>
							</div>
						</article>
					</div>
				</div>
			</div>
		</section>
		<!-- content-wrapper -->
		<section id="testimonials" style="display:none;">
			<h3>客户心声</h3>
			<div class="container">
				<div class="swiper-container" id="testimonials-carousel">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="testimonials-block">
								<div class="img">
									<img src="img/img10.jpg" alt="">
								</div>
								<p>Aliquam vitae lacinia tortor. Cras consequat erat nunc, a placerat massa rhoncus accumsan. </p>
								<h6>- Alisa Jobs</h6>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="testimonials-block">
								<div class="img">
									<img src="img/img11.jpg" alt="">
								</div>
								<p>Aliquam vitae lacinia tortor. Cras consequat erat nunc, a placerat massa rhoncus accumsan. </p>
								<h6>- Alisa Jobs</h6>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="testimonials-block">
								<div class="img">
									<img src="img/img9.jpg" alt="">
								</div>
								<p>Aliquam vitae lacinia tortor. Cras consequat erat nunc, a placerat massa rhoncus accumsan. </p>
								<h6>- Alisa Jobs</h6>
							</div>
						</div>
					</div>
					<div class="testimonials-pagination"></div>
				</div>
			</div>
		</section>
		<!-- testimonials -->
		<footer th:replace="www/footer :: myfooter"  ></footer>
		<!-- footer -->
		<!-- scripts -->	
		<script src="js/lib/jquery.js"></script>
		<script src="js/lib/bootstrap.min.js"></script>
		<script src="js/lib/lightbox.min.js"></script>
		<script src="js/lib/shuffle.js"></script>	
		<script src="js/lib/swiper.min.js"></script>
		<script src="js/lib/waypoints.min.js"></script>		
		<script src="js/script.js"></script>
	</body>
</html>
